<template>
  <div>
    商品列表...
    {{myTitle}}
    <button type="button" @click="doclick">点我</button>
  </div>
</template>
<script>
  export default {
    name: "content",
    /* 第一种写法，通过数组来定义 */
    // props:['myTitle']
    /* 第二种写法，通过对象来定义 */
    props: {
      myTitle: {
        type: String,
        required: true,
        default: "没传参数"
      },
      btnfn:{
        type: Function
        // FCfn(m) {
        //   this.msg = m
        // }
      }
    },
    methods:{
      doclick(){
        this.$emit('newName','子组件内容')
      }
    }
  }
</script>
<style scoped>
</style>
